﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/Content/layui/css/layui.css">
    <script src="/Content/layui/layui.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <link href="/Content/css/EvaIndex.css" rel="stylesheet" />
</head>

<body>
    <div class="content" id="app">
        <div class="selecter">

            <div class="item item-1" value="0" @click="HaveStudent=!HaveStudent">
                <i class="layui-icon layui-icon-face-smile"></i>
                <div>学生</div>
            </div>
            <div class="item item-2" value="1" @click="HaveLeader=!HaveLeader">
                <i class="layui-icon layui-icon-user"></i>
                <div>教研室</div>
            </div>
            <div class="item item-3" value="2" @click="HaveTeacher=!HaveTeacher">
                <i class="layui-icon layui-icon-face-surprised"></i>
                <div>同事</div>
            </div>
            <div class="item item-4" value="3" @click="HaveSelf=!HaveSelf">
                <i class="layui-icon layui-icon-time"></i>
                <div>自评</div>
            </div>
            <div class="item item-5" value="4" @click="HaveDepartment=!HaveDepartment">
                <i class="layui-icon layui-icon-read"></i>
                <div>系部</div>
            </div>
        </div>
        <hr>
        <div class="dataControl">
            <div style="flex: 1;">
                <div id="pie"></div>
            </div>
            <div class="control layui-form" style="flex: 2;">
                <fieldset class="layui-elem-field">
                    <legend>详细信息</legend>
                    <div class="layui-field-box">
                        <form class="control layui-form" lay-filter="myForm">
                            <div class="layui-form-item">
                                <label class="layui-form-label">标题：</label>
                                <div class="layui-inline">
                                    <input type="text" required lay-verify="required" name="Title" placeholder="请输入本次评测标题" autocomplete="off" class="layui-input">
                                </div>
                            </div>
                            <div class="layui-form-item" v-show="HaveStudent" id="studentitem">
                                <label class="layui-form-label">学生比重</label>
                                <div class="layui-inline">
                                    <input type="number" v-model="StudentHeight" name="StudentHeight" placeholder="建议在1-100" autocomplete="off" class="layui-input height" id="student">
                                </div>
                            </div>
                            <div class="layui-form-item" v-show="HaveLeader" id="leaderitem">
                                <label class="layui-form-label">教研室比重</label>
                                <div class="layui-inline">
                                    <input type="number" v-model="LeaderHeight" name="LeaderHeight" placeholder="建议在1-100" autocomplete="off" class="layui-input height" id="leader">
                                </div>
                            </div>

                            <div class="layui-form-item" v-show="HaveTeacher" id="teacheritem">
                                <label class="layui-form-label">教师比重</label>
                                <div class="layui-inline">
                                    <input type="number" v-model="TeacherHeight" name="TeacherHeight" placeholder="建议在1-100" autocomplete="off" class="layui-input height" id="teacher">
                                </div>
                            </div>

                            <div class="layui-form-item" v-show="HaveSelf" id="selfitem">
                                <label class="layui-form-label">自评比重</label>
                                <div class="layui-inline">
                                    <input type="number" v-model="SelfHeight" name="SelfHeight" placeholder="建议在1-100" autocomplete="off" class="layui-input height" id="self">
                                </div>
                            </div>

                            <div class="layui-form-item" v-show="HaveDepartment" id="departmentitem">
                                <label class="layui-form-label">系部比重</label>
                                <div class="layui-inline">
                                    <input type="number" v-model="DepartmentHeight" name="DepartmentHeight" placeholder="建议在1-100" autocomplete="off" class="layui-input height" id="department">
                                </div>
                            </div>

                            <div class="layui-form-item">
                                <label class="layui-form-label">选择学年</label>
                                <div class="layui-inline">
                                    <select name="studyYear" required lay-verify="required">
                                        <option value="">请选择学年</option>

                                    </select>
                                </div>
                            </div>

                            <div class="layui-form-item">
                                <label class="layui-form-label">起止日期</label>
                                <div class="layui-inline">
                                    <input type="text" required lay-verify="required" name="Time" v-model="Time" class="layui-input" id="start">
                                </div>
                            </div>

                            <div>
                                <button lay-submit lay-filter="myForm" type="button" class="layui-btn layui-btn-fluid">发布</button>
                            </div>

                        </form>
                    </div>
                </fieldset>
            </div>
        </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/echarts@4.9.0/dist/echarts.js"></script>
<!-- <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.1.0/axios.js"></script> -->
<script src="/Content/js/EvaIndex.js"></script>
</body>
</html>